<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="shortcut icon" href="{{MEDIA_URL}}imagens/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}estilos/estilo.css">

<script src="{{MEDIA_URL}}script/jquery.min.js" type="text/javascript"></script>
<script src="{{MEDIA_URL}}script/jquery.bxSlider.min.js" type="text/javascript"></script>
<script src="{{MEDIA_URL}}script/miniscripts.js" type="text/javascript"></script>

<!-- Google + -->
<script type="text/javascript">
  window.___gcfg = {lang: 'pt-BR'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
<!-- Fim Google + -->

<title>Classi180 - O Maior site de classificados do Piauí, anúncie grátis!</title>
</head>
<body>
	<div id="topo">
		<div id="topo180plus">
			<div id="topo_logo_180">
				<a href="http://180graus.com">180graus</a>
			</div>
			<ul id="topo_links_180" >
				<li><a href="http://180graus.com/ultimas-noticias">NOTÍCIAS</a></li>
				<li><a href="http://180graus.com/cidades">CIDADES</a></li>
				<li><a href="http://180graus.com/blogs">BLOGS</a></li>
				<li><a href="http://180graus.com/esporte">ESPORTE</a></li>
				<li><a href="http://180graus.com/geral">ENTRETENIMENTO</a></li>
			</ul>
			<div id="login_classi">
					{%if request.user.is_authenticated%}
					<div id="form_login_classi">
					{{request.user.usuario}}
						<div class="foto_perfil_topo">
							<a href="/login/"><img src="{{MEDIA_URL}}{{usuario.thumbnail}}"></a>
						</div>
						<div class="mini_menu_perfil">
							<a class="user_topo" href="/login/">{{request.user.username}}</a>
							<div class="opcs_mini_menu">
								<a href="/login/">Meu Perfil</a>
								<a href="/sair/">Sair</a>
							</div>
						</div>
					</div>
					{%else%}
					<div id="botao_link">
						<a href="/cadastrarUser/"><img src="{{MEDIA_URL}}imagens/cadastrese.png"></a>
					</div>					
					<form id="form_login_classi" action="/login/" method="post">
						{%csrf_token%}
						<div class="login_user">
							<label>Usuário</label><input type="text" name = "username" value="Nome de usuário ou email" onfocus="if(this.value == this.defaultValue) this.value = ''" onblur="if(this.value == '') this.value = this.defaultValue"/>
							<label>Senha</label><input class="login_senha last" type="password" name = "password" value="Senha" onfocus="if(this.value == this.defaultValue) this.value = ''" onblur="if(this.value == '') this.value = this.defaultValue"/>
							<input type="submit" class="logar_input" value="Entrar" />
						</div>
						<div class="login_lembrar">
							<input class="lembrar" type="checkbox" />
							<span>Lembrar-me</span>
							<span>|</span>
							<a href="#">Esqueceu sua senha?</a>
						</div>
					</form>
					{%endif%}
				</div>					
			</div>
		</div>
		<div id="principal">
		<div id="meio">
			<div id="conteudo">
				<div id="topoclassi">
					<div class="slider_gigante">
						{%for gigante in publicidadeGigante%}
						<a href="{{gigante.url}}"><img src="{{MEDIA_URL}}{{gigante.thumbnail}}"/></a>
						{%endfor%}
					</div>
				</div>
				<div class="box_titulo" style="border-bottom: 5px solid #ccc; background: #fff; border-radius: 8px 8px 0 0; padding-left: 10px; margin: 15px 0 30px 0; height:60px;">
					<div class="logo_padrao_menor">
						<a href="http://www.classi180.com" title="Classi180 anuncie aqui!" ><img src="{{MEDIA_URL}}imagens/logo.png"></a> 
					</div>
					<h4 class="titulo_anuncio" style="margin: 14px;"><a href="#" style="font-size: 30px; font-weight: bold; color:#FF9E0D;">Denúncie anúncios</a></h4>
				</div>
				<div id="box_index">
					<div id="box_blog" style="padding: 0 0 0 10px;">
						<ul class="box_anuncios blog_classi">
							<li class="linha">
								<p style="margin: 10px 0 0 0; font-size: 12px">
									<strong>O Classi180 criou esta seção para proteger nossos usuários e ajudá-los a comprar ou vender com segurança.</strong><br><br> As nossas principais dicas são:<br><br>
								</p>
								<ul style="font-size: 12px; line-height: 20px">
									<li>Nunca pague com antecedência a um vendedor que você não conhece. Mesmo que o vendedor/anunciante forneça a você informações e dados pessoais, isso não garante a veracidade/idoneidade do mesmo.</li>
									<li>Quando possível, peça a Nota Fiscal original e um recibo da compra.</li>
									<li>Nunca envie produtos antes de ter definido e finalizado os termos de pagamento. O melhor é sempre encontrar em lugar público para finalizar a venda.</li>
								</ul>
								<p style="margin: 10px 0 0 0; font-size: 12px">
									<strong style="color: red;">Importante:</strong> O Classi180 NÃO manda nenhuma confirmação de pagamento do item, uma vez que não temos qualquer relação com as transações entre os usuários. Nunca clique, se receber e-mails, em links que dizem ser de bancos, instituições financeiras ou serviços de pagamento online.<br><br>
								</p>
							</li>
							<li class="linha">
								<p style="margin: 10px 0 0 0; font-size: 12px">
									<strong>Aprenda a identificar Fraudes e Golpes:</strong><br><br>
								</p>
						         <ul style="font-size: 12px; line-height: 20px">
									<li>O anúncio parece bom demais para ser verdade (preço muito baixo, doações, etc).<br></li>
									<li>Alguém pede o número da sua conta bancária ou do cartão de crédito ou pede para você enviar dinheiro ao exterior. Nunca clique em link de e-mails que afirma ser um banco ou outra instituição financeira.<br></li>
									<li>Quando é pedido que você envie o dinheiro antes de ver o item.<br></li>
									<li>O anunciante pressiona você para finalizar a compra.<br></li>
									<li>O anunciante envia mensagens com o português estranho. Exemplo: lindas cachorrinhas novos (parece um português falado por estrangeiros).<br></li>
								</ul>
							</li>
							<li class="linha">
								<p style="margin: 10px 0 0 0; font-size: 12px">
 									<strong>Em caso de anúncios mentirosos entre no site do CONAR - Conselho Nacional de Autorregulamentação Publicitária</strong>  <a href="http://www.conar.org.br/" style="font-size: 12px; color: blue;">http://www.conar.org.br/</a><br><br>
									<strong>IDEC também tem setor para esse tipo de reclamação</strong> <a href="http://www.idec.org.br/consumidorsa/" style="font-size: 12px; color: blue;">http://www.idec.org.br/consumidorsa/</a><br><br>
								</p>
								<p style="margin: 10px 0 0 0; font-size: 12px">
 									<strong>PROCON</strong><br><br>
									<strong>Os sites são diferentes, dependendo do seu estado. Procure no site do governo do seu estado o link para o PROCON. No caso do Piauí é </strong> <a href="www.mp.pi.gov.br/procon/" style="font-size: 12px; color: blue;">www.mp.pi.gov.br/procon/</a><br><br>
								</p>
							</li>
						</ul>						
					</div>
				</div>
			</div>
		</div>
		<div id="publicidade">
			<div class="publicidade_link">
			{%for gigante in publicidadeGigante%}
				<a href="{{gigante.url}}" title="Publicidade 3" ><img src="{{MEDIA_URL}}{{gigante.thumbnail}}">Publicidade 3</a>
			{%endfor%} 
			</div>
		</div>
	</div>
	{%include "rodape_regioes.html"%}
</body>
</html>